<template>
  <div class="my_bgbox">
    <Header />
    <div class="zoon"></div>
    <div class="about_box">
      <div class="about_detail">
        <p class="title">公司简介</p>
        <div class="detail">
          金朝瑞鼎（北京）拍卖有限责任公司（简称瑞鼎法拍）。是一家面向司法拍卖资产，集法律服务，法拍辅助，权属变更，金融贷款，风险担保，资产管理于一体的综合性司法拍卖服务运营商。公司与北京中政律所事务所达成战略合作，提供专业律师派驻。依托专业法律团队和资深业务团队，以及银行、保险等金融机构，结合大数据算法等互联网创新技术，致力于成为最值得信赖的司法拍卖服务品牌。为客户提供司法拍卖中的“房、钱、户、险”360°全方位服务。
          <br />瑞鼎拍卖旨在将专业律师团队、互联网创新技术应用于传统法拍产业，实现传统行业的数据化、科技化、品牌化、专业化发展。
        </div>
      </div>
      <div class="system">
        <p class="title">公司拥有八大服务体系</p>
        <!-- <img src="../../assets/img/fuwu.png" alt="" /> -->
        <div class="name">
          <p>瑞鼎</p>
        </div>
        <div class="system_list">
          <p class="list_item item1">专业法律服务</p>
          <p class="list_item item2">快速贷款服务</p>
          <p class="list_item item3">腾房保证服务</p>
          <p class="list_item item4">品牌标准化服务</p>
          <p class="list_item item5">信息化管理系统</p>
          <p class="list_item item6">权属过户服务</p>
          <p class="list_item item7">先行赔付服务</p>
          <p class="list_item item8">职业拍卖服务</p>
        </div>
      </div>
      <div class="core">
        <p class="title">我们的核心竞争力</p>
        <p class="core_title">安全、合法、专业，快捷</p>
        <p class="core_img"></p>
        <!-- <img src="../../assets/img/jzlbg.png" alt class="core_img" /> -->
      </div>
      <div class="culture">
        <p class="title">企业文化引领发展</p>
        <div class="culture_details">
          <div class="culture_text">
            <span class="name">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;瑞鼎</span>
            法拍重视社会责任，强调传播正能量。响应政府号召，倡导依法、合规的市场行为，力争做到节约国家司法资源；快速执行债权，保护申请人利益；最大程度减少被执行人损失，实现经营再生产；从而消除消费者对于法拍房行业的误解，走出误区；实现规范行业经营行为，成为行业标杆的伟大目标。
            <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;瑞鼎法拍作为司法拍卖业最年轻的团队之一，注重企业文化的打造，公司秉承“诚信、专业、安全、温度”的理念，打造员工“激情、敬业、诚实、坚韧”的职业性格，树立“客户第一”的首要价值观，用服务者的姿态迎接每一位客户，用赢家的气质迎接每一个挑战。
          </div>
        </div>
      </div>
    </div>
    <Footer />
  </div>
</template>
<script>
import Header from "@/components/pc_file/header.vue";
import Footer from "@/components/pc_file/footer.vue";
import Right from "@/components/pc_file/right.vue";
export default {
  data() {
    return {};
  },
  components: {
    Header,
    Footer,
    Right
  }
};
</script>
<style lang="less" scoped>
.zoon {
  height: 80px;
}
.about_box {
  background: url("~@/assets/img/about_bg.png") center center no-repeat;
  padding-top: 58px;
  padding-bottom: 87px;

  .about_detail {
    width: 1200px;
    height: 332px;
    margin: 0 auto;
    background: url("~@/assets/img/border.png") center center no-repeat;
    .detail {
      width: 730px;
      margin: 0 auto;
      font-size: 14px;
      color: #333333;
      line-height: 30px;
    }
  }
  .title {
    padding-top: 40px;
    margin-bottom: 28px;
    text-align: center;
    font-weight: bold;
    color: #f2613d;
    font-size: 36px;
    width: 1200px;
    margin: 0 auto;
  }
  .system {
    // margin-top: 45px;
    width: 1200px;
    margin: 45px auto;
    .name {
      margin-top: 12px;
      background: url("~@/assets/img/fuwu1.png") center center no-repeat;
      // background-position-x: 128%;
      width: 1200px;
      margin: 0 auto;
      background-position-x: 50px;
      height: 396px;
      line-height: 396px;
      text-align: center;
      font-size: 72px;
      color: #f2623e;
    }
    .system_list {
      position: relative;
      .list_item {
        position: absolute;
        font-size: 18px;
      }
      .item1 {
        bottom: 320px;
        left: 410px;
      }
      .item2 {
        bottom: 230px;
        left: 330px;
      }
      .item3 {
        bottom: 130px;
        left: 330px;
      }
      .item4 {
        bottom: 60px;
        left: 380px;
      }
      .item5 {
        bottom: 70px;
        left: 700px;
      }
      .item6 {
        bottom: 130px;
        left: 760px;
      }
      .item7 {
        bottom: 220px;
        left: 760px;
      }
      .item8 {
        bottom: 300px;
        left: 720px;
      }
    }
  }
  .core {
    margin-top: 64px;
    position: relative;

    .core_title {
      position: absolute;
      left: 50%;
      transform: translate(-50%);
      width: 1240px;
      margin: 0 auto;
      height: 180px;
      text-align: center;
      line-height: 150px;
      background: url("~@/assets/img/bg_system.png") center right no-repeat;
    }
    .core_img {
      margin-top: 40px;
      height: 464px;
      background: url("~@/assets/img/jzlbg.png") center center no-repeat;
    }
  }
  .culture {
    margin-top: 20px;
    .culture_details {
      color: #343434;
      margin-top: 30px;
      width: 1200px;
      margin: 0 auto;
      height: 343px;
      background: url("~@/assets/img/bg_culture.png") center right no-repeat;
      position: relative;
      .culture_text {
        width: 450px;
        padding-top: 40px;
        margin-left: 25px;
        font-size: 14px;
        color: #343434;
        line-height: 34px;
      }
      .name {
        font-size: 22px;
      }
    }
  }
}
</style>
